<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:include="/common/common :: commonHead('Oren Video Templat')"></head>
<head>
	<style>
		.tab-history .videoo .video_info.ms > h3 {width:100%;}
	</style>
</head>
<body>

<div class="wrapper">

	<!-- header start-->
	<header th:include="/common/header"></header>
	<!-- header end-->
	<!-- menu start-->
	<header th:include="/common/left"></header>
	<!-- menu end-->
	

	<section class="ab-history">
		<!--<div class="history-lst">
			<div class="container">
				<div class="history-hd-head">
					<ul class="nav nav-tabs" id="myTab" role="tablist">
					  <li class="nav-item">
					    <a class="nav-link active" id="watch_history_tab" data-toggle="tab" href="#watch_history" role="tab" aria-controls="watch_history_tab" aria-selected="true">观看记录</a>
					  </li>
					  <li class="nav-item">
					    <a class="nav-link" id="search_history_tab" data-toggle="tab" href="#search_history" role="tab" aria-controls="search_history_tab" aria-selected="false">搜索记录 </a>
					  </li>
					</ul>&lt;!&ndash;nav-tabs end&ndash;&gt;
					<a href="#" title="" class="clear-history">
						<i class="icon-cancel"></i>
						清除所有搜索记录
					</a>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>-->
		<div class="container">
			<div class="tab-content" id="myTabContent">
				<div class="tab-pane fade show active" id="watch_history" role="tabpanel" aria-labelledby="watch_history_tab">
					<div class="tabs_lzt">

						<div th:each="fl : ${fileList}" class="tab-history">
							<div class="videoo">
								<!--<div class="vid_thumbainl ms">
									<a href="#" title="">
										<img src="/static/images/resources/vide1.png" alt="">
										<span class="vid-time">10:21</span>
										<span class="watch_later">
											<i class="icon-watch_later_fill"></i>
										</span>
									</a>	
								</div>-->
								<div class="video_info ms">
									<h3><a th:href="@{'single_video_page.html?id='+${fl.id}}" title="" th:text="${fl.fileName}"></a></h3>
									<!--<h4><a href="Single_Channel_Playlist.html" title="">newfox media</a> <span class="verify_ic"><i class="icon-tick"></i></span></h4>-->
									<!--<span>686K views .<small class="posted_dt">1 week ago</small></span>-->
								</div>
								<!--<a href="#" title="" class="delete-video">
									<i class="icon-cancel"></i>
								</a>-->
								<div class="clearfix"></div>
							</div><!--videoo end-->
						</div><!--tab-history end-->
					</div><!--tabs_lz end-->
				</div>
			</div>
		</div>
	</section><!--ab-history end-->

	<section class="more_items_sec text-center">
		<div class="container">

		</div>
	</section><!--more_items_sec end-->			


</div><!--wrapper end-->
<header th:include="/common/footer"></header>
</body>
</html>